247. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-07-21 10:22:19 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

247.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo28_en.css2021-04-28 03:14:22 +0000
2/Applications/Ampps/www/Porto v4.0.1/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo28_en.css2021-06-27 10:07:32 +0000

247.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged2566
Changed12
Inserted00
Removed00

247.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

247.4 Active regular expressions

No regular expressions were active.

247.5 Comparison detail

1 /** 1 /**
2  * WARNING: Do not change this file. Your changes will be lost. 2  * WARNING: Do not change this file. Your changes will be lost.
3  * 2021-04-28 03:14:21 */ 3  * 2021-06-27 10:07:31 */
4 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');body.boxed { 4 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');body.boxed {
5 } 5 }
6 @media (min-width: 768px) { 6 @media (min-width: 768px) {
7     .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom { 7     .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
8         width: 57.17%; 8         width: 57.17%;
9     } 9     }
10     .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper { 10     .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
11         width: 40.83%; 11         width: 40.83%;
12     } 12     }
13  13 
14     .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main { 14     .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
15         width: 42.8775%; 15         width: 42.8775%;
16     } 16     }
17     .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media { 17     .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
18         width: 30.6225%; 18         width: 30.6225%;
19     } 19     }
20 } 20 }
21  21 
22 body, p {  22 body, p { 
23     letter-spacing: 0; 23     letter-spacing: 0;
24 } 24 }
25 @media (max-width: 575px){ 25 @media (max-width: 575px){
26 body { 26 body {
27     font-size: 13px; 27     font-size: 13px;
28     line-height: 21px; 28     line-height: 21px;
29 } 29 }
30 } 30 }
31 h1, h2, h3, h4, h5, h6 { 31 h1, h2, h3, h4, h5, h6 {
32     font-family: Poppins,sans-serif; 32     font-family: Poppins,sans-serif;
33     color: #222529; 33     color: #222529;
34     letter-spacing: normal; 34     letter-spacing: normal;
35 } 35 }
36 h1 {  36 h1 { 
37     font-weight: 400; 37     font-weight: 400;
38     font-size: 36px; 38     font-size: 36px;
39     line-height: 44px; 39     line-height: 44px;
40     letter-spacing: .3px; 40     letter-spacing: .3px;
41     margin: 0 0 32px 0; 41     margin: 0 0 32px 0;
42 } 42 }
43 h2 {  43 h2 { 
44     font-weight: 400; 44     font-weight: 400;
45     font-size: 30px; 45     font-size: 30px;
46     line-height: 40px; 46     line-height: 40px;
47     letter-spacing: .3px; 47     letter-spacing: .3px;
48     margin: 0 0 32px 0; 48     margin: 0 0 32px 0;
49 } 49 }
50 h3 {  50 h3 { 
51     font-weight: 400; 51     font-weight: 400;
52     font-size: 25px; 52     font-size: 25px;
53     line-height: 32px; 53     line-height: 32px;
54     letter-spacing: .2px; 54     letter-spacing: .2px;
55     margin: 0 0 20px 0; 55     margin: 0 0 20px 0;
56 } 56 }
57 h4 {  57 h4 { 
58     font-weight: 400; 58     font-weight: 400;
59     font-size: 18px; 59     font-size: 18px;
60     line-height: 24px; 60     line-height: 24px;
61     margin: 0 0 14px 0; 61     margin: 0 0 14px 0;
62 } 62 }
63 h5 {  63 h5 { 
64     font-weight: 400; 64     font-weight: 400;
65     font-size: 14px; 65     font-size: 14px;
66     line-height: 22px; 66     line-height: 22px;
67     margin: 0 0 14px 0; 67     margin: 0 0 14px 0;
68 } 68 }
69 h6 {  69 h6 { 
70     font-weight: 400; 70     font-weight: 400;
71     font-size: 13px; 71     font-size: 13px;
72     line-height: 22px; 72     line-height: 22px;
73     margin: 0 0 14px 0; 73     margin: 0 0 14px 0;
74 } 74 }
75 .home-banner-slider h2.vc_custom_heading, .custom-font4 { 75 .home-banner-slider h2.vc_custom_heading, .custom-font4 {
76     font-family: 'Segoe Script','Savoye LET'; 76     font-family: 'Segoe Script','Savoye LET';
77 } 77 }
78 html .heading-secondary, html .lnk-secondary, html .text-color-secondary { 78 html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
79     color: #d66a79; 79     color: #d66a79;
80 } 80 }
81 html .btn-modern { 81 html .btn-modern {
82     text-transform: uppercase; 82     text-transform: uppercase;
83     font-size: .75rem; 83     font-size: .75rem;
84     padding: .75rem 1.5rem; 84     padding: .75rem 1.5rem;
85     font-weight: 600; 85     font-weight: 600;
86     height: auto; 86     height: auto;
87 } 87 }
88 html .action.primary, html .btn { 88 html .action.primary, html .btn {
89     font-family: Poppins; 89     font-family: Poppins;
90     letter-spacing: 0; 90     letter-spacing: 0;
91     font-size: .8rem; 91     font-size: .8rem;
92     font-weight: 700; 92     font-weight: 700;
93     line-height: 1.42857; 93     line-height: 1.42857;
94     padding: .8em 2em;  94     padding: .8em 2em; 
95     border-radius: 0; 95     border-radius: 0;
96     text-shadow: none; 96     text-shadow: none;
97 } 97 }
98 html .btn-modern { 98 html .btn-modern {
99     font-size: .8125rem; 99     font-size: .8125rem;
100     padding: 1em 2.8em; 100     padding: 1em 2.8em;
101 } 101 }
102 html .action.primary,html .btn-primary { 102 html .action.primary,html .btn-primary {
103     color: #fff; 103     color: #fff;
104     background-color: #293871; 104     background-color: #293871;
105     border-color: #293871 #293871 #1c264c; 105     border-color: #293871 #293871 #1c264c;
106 } 106 }
107 html .btn-xl { 107 html .btn-xl {
108     font-size: 1rem; 108     font-size: 1rem;
109     padding: .8rem 2rem; 109     padding: .8rem 2rem;
110 } 110 }
111 .btn-modern.btn-xl { 111 .btn-modern.btn-xl {
112     font-size: 1rem; 112     font-size: 1rem;
113     padding: 1.25em 3.125em; 113     padding: 1.25em 3.125em;
114 } 114 }
115 html .btn-lg { 115 html .btn-lg {
116     padding: .5rem .875rem; 116     padding: .5rem .875rem;
117     font-size: .875rem; 117     font-size: .875rem;
118     line-height: 1.3333; 118     line-height: 1.3333;
119 } 119 }
120 html .btn-borders { 120 html .btn-borders {
121     padding: .483rem 1.0625rem; 121     padding: .483rem 1.0625rem;
122     border-width: 2px; 122     border-width: 2px;
123 } 123 }
124 .btn-borders.btn-lg { 124 .btn-borders.btn-lg {
125     padding: .45rem 1rem; 125     padding: .45rem 1rem;
126 } 126 }
127 .vc_btn3.btn { 127 .vc_btn3.btn {
128     font-weight: 700; 128     font-weight: 700;
129     letter-spacing: .01em; 129     letter-spacing: .01em;
130     padding: 1em 1.75em; 130     padding: 1em 1.75em;
131     text-transform: uppercase; 131     text-transform: uppercase;
132 } 132 }
133 html .btn-borders.btn-primary { 133 html .btn-borders.btn-primary {
134     background: transparent; 134     background: transparent;
135     border-color: #293871; 135     border-color: #293871;
136     color: #293871; 136     color: #293871;
137 } 137 }
138 html .btn-secondary { 138 html .btn-secondary {
139     color: #fff; 139     color: #fff;
140     background-color: #d66a79; 140     background-color: #d66a79;
141     border-color: #d66a79 #d66a79 #cb4356; 141     border-color: #d66a79 #d66a79 #cb4356;
142 } 142 }
143 .btn-secondary-light>.btn { 143 .btn-secondary-light>.btn {
144     background-color: #e78594; 144     background-color: #e78594;
145     border-color: transparent!important; 145     border-color: transparent!important;
146 } 146 }
147 .btn-flat { 147 .btn-flat {
148     padding: 0!important; 148     padding: 0!important;
149     background: none!important; 149     background: none!important;
150     border: none!important; 150     border: none!important;
151     border-bottom: 1px solid transparent!important; 151     border-bottom: 1px solid transparent!important;
152     box-shadow: none!important; 152     box-shadow: none!important;
153     text-transform: uppercase; 153     text-transform: uppercase;
154     font-size: .75rem; 154     font-size: .75rem;
155  155 
156 html .btn-dark { 156 html .btn-dark {
157     color: #fff; 157     color: #fff;
158     background-color: #222529; 158     background-color: #222529;
159     border-color: #222529 #222529 #0b0c0e; 159     border-color: #222529 #222529 #0b0c0e;
160  160 
161 html .btn-light { 161 html .btn-light {
162     color: #222529; 162     color: #222529;
163     background-color: #fff; 163     background-color: #fff;
164     border-color: #fff #fff #e6e6e6; 164     border-color: #fff #fff #e6e6e6;
165 } 165 }
166 html .btn-quaternary { 166 html .btn-quaternary {
167     color: #fff; 167     color: #fff;
168     background-color: #000; 168     background-color: #000;
169     border-color: #000 #000 #000; 169     border-color: #000 #000 #000;
170 } 170 }
171 .custom-font1 { 171 .custom-font1 {
172     font-family: Open Sans,sans-serif; 172     font-family: Open Sans,sans-serif;
173 } 173 }
174 html .background-color-secondary { 174 html .background-color-secondary {
175     background-color: #d66a79 !important; 175     background-color: #d66a79 !important;
176  176 
177 .top-icon .porto-sicon-header { 177 .top-icon .porto-sicon-header {
178     margin-bottom: .75rem; 178     margin-bottom: .75rem;
179  179 
180 .product-item-info .product-item-details {  180 .product-item-info .product-item-details { 
181     padding-bottom: 1px; 181     padding-bottom: 1px;
182 } 182 }
183 .product-item-info .product-item-details .price-box { 183 .product-item-info .product-item-details .price-box {
184     margin-bottom: .875rem;  184     margin-bottom: .875rem; 
185 } 185 }
186 .page-wrapper > .breadcrumbs { 186 .page-wrapper > .breadcrumbs {
187   margin-bottom: 35px; 187   margin-bottom: 35px;
188   font-size: 10px; 188   font-size: 10px;
189   font-weight: 700; 189   font-weight: 700;
190   letter-spacing: .05em; 190   letter-spacing: .05em;
191 } 191 }
192 .page-wrapper > .breadcrumbs .items { 192 .page-wrapper > .breadcrumbs .items {
193   padding-top: 18px; 193   padding-top: 18px;
194   padding-bottom: 18px; 194   padding-bottom: 18px;
195   position: relative; 195   position: relative;
196 } 196 }
197 .catalog-category-view .page-wrapper > .breadcrumbs .items:before { 197 .catalog-category-view .page-wrapper > .breadcrumbs .items:before {
198   content: ''; 198   content: '';
199   position: absolute; 199   position: absolute;
200   top: 0; 200   top: 0;
201   left: 10px; 201   left: 10px;
202   right: 10px; 202   right: 10px;
203   border-top: 1px solid #e7e7e7;  203   border-top: 1px solid #e7e7e7; 
204 } 204 }
205 .page-wrapper > .breadcrumbs .items:after { 205 .page-wrapper > .breadcrumbs .items:after {
206   content: ''; 206   content: '';
207   position: absolute; 207   position: absolute;
208   bottom: 0; 208   bottom: 0;
209   left: 10px; 209   left: 10px;
210   right: 10px;  210   right: 10px; 
211   border-bottom: 1px solid #e7e7e7; 211   border-bottom: 1px solid #e7e7e7;
212 } 212 }
213 .page-wrapper > .breadcrumbs .items>li.home a { 213 .page-wrapper > .breadcrumbs .items>li.home a {
214   width: auto; 214   width: auto;
215   text-indent: 0; 215   text-indent: 0;
216 } 216 }
217 .page-wrapper > .breadcrumbs .items>li.home a:after { 217 .page-wrapper > .breadcrumbs .items>li.home a:after {
218   display: none; 218   display: none;
219 } 219 }
220 .catalog-category-view .sidebar.sidebar-main .sidebar-content { 220 .catalog-category-view .sidebar.sidebar-main .sidebar-content {
221   border: none; 221   border: none;
222 } 222 }
223 .sidebar .sidebar-content .block-category-list, .side-custom-block .custom-block,.filter-options-item,.filter-actions { 223 .sidebar .sidebar-content .block-category-list, .side-custom-block .custom-block,.filter-options-item,.filter-actions {
224   padding: 0; 224   padding: 0;
225   margin-bottom: 30px; 225   margin-bottom: 30px;
226   border: none; 226   border: none;
227 } 227 }
228 .filter-current {padding: 0;} 228 .filter-current {padding: 0;}
229 .block-category-list .block-title, .side-custom-block .custom-block h2, .filter-options-title, .filter .filter-current-subtitle { 229 .block-category-list .block-title, .side-custom-block .custom-block h2, .filter-options-title, .filter .filter-current-subtitle {
230   border-bottom: 1px solid #e7e7e7; 230   border-bottom: 1px solid #e7e7e7;
231   padding: 6px 0 6px; 231   padding: 6px 0 6px;
232   margin-bottom: 0; 232   margin-bottom: 0;
233   line-height: 1.4; 233   line-height: 1.4;
234   font-size: 12px; 234   font-size: 12px;
235   font-weight: 600; 235   font-weight: 600;
236   color: #000; 236   color: #000;
237   letter-spacing: .05em; 237   letter-spacing: .05em;
238   font-family: Poppins,sans-serif; 238   font-family: Poppins,sans-serif;
239 } 239 }
240 .side-custom-block .custom-block h2 { 240 .side-custom-block .custom-block h2 {
241   margin-bottom: 10px; 241   margin-bottom: 10px;
242 } 242 }
243 .block-category-list .block-content,.filter-options-content,.custom-block .block-content, .filter-current .items,.filter-actions { 243 .block-category-list .block-content,.filter-options-content,.custom-block .block-content, .filter-current .items,.filter-actions {
244   padding-left: 15px; 244   padding-left: 15px;
245 } 245 }
246 .block-category-list .block-content ol li a { 246 .block-category-list .block-content ol li a {
247   font-size: 12px; 247   font-size: 12px;
248   padding: 4px 0; 248   padding: 4px 0;
249   font-weight: 400; 249   font-weight: 400;
250 } 250 }
251 .side-custom-block .custom-block:last-child { 251 .side-custom-block .custom-block:last-child {
252   margin-bottom: 0; 252   margin-bottom: 0;
253 } 253 }
254 .side-custom-block .custom-block h5 { 254 .side-custom-block .custom-block h5 {
255   margin-top: 0 !important; 255   margin-top: 0 !important;
256 } 256 }
257 .products-related .owl-carousel.show-nav-title .owl-nav { 257 .products-related .owl-carousel.show-nav-title .owl-nav {
258     margin-top: -97px; 258     margin-top: -97px;
259 } 259 }
260 .footer, .footer p {  260 .footer, .footer p { 
261     letter-spacing: 0; 261     letter-spacing: 0;
262     font-size: .9em; 262     font-size: .9em;
263 } 263 }
264 .footer .widgettitle, .footer .widget-title { 264 .footer .widgettitle, .footer .widget-title {
265     font-size: 1.2698em; 265     font-size: 1.2698em;
266     text-transform: none; 266     text-transform: none;
267     font-weight: 600; 267     font-weight: 600;
268 } 268 }
269 .footer-top { 269 .footer-top {
270     padding-top: 38px; 270     padding-top: 38px;
271     padding-bottom: 38px; 271     padding-bottom: 38px;
272 } 272 }
273 .footer .footer-top .widget p { 273 .footer .footer-top .widget p {
274     margin-top: 0; 274     margin-top: 0;
275 } 275 }
276 .footer-top .custom-block:before, .footer-top .custom-block::after { 276 .footer-top .custom-block:before, .footer-top .custom-block::after {
277     display: none; 277     display: none;
278 } 278 }
279 .footer-middle > .container::after { 279 .footer-middle > .container::after {
280     border-color:#e7e7e7; 280     border-color:#e7e7e7;
281 } 281 }
282 .footer-bottom .custom-block img { 282 .footer-bottom .custom-block img {
283     max-width: 200px; 283     max-width: 200px;
284 } 284 }